.loading {
	margin: 100px auto;
	width: 8em;
	height: 8em;
	position: relative;
}

.loading .progress {
	position: absolute;
	width: 6em;
	height: 6em;
	background-color: white;
	border-radius: 50%;
	left: 1em;
	top: 1em;
	line-height: 6em;
	text-align: center;
}

.left,
.right {
	width: 4em;
	height: 8em;
	overflow: hidden;
	position: relative;
	float: left;
	background-color: #284889;
}

.left {
	border-radius: 8em 0 0 8em;
}

.right {
	border-radius: 0 8em 8em 0;
}

.lefta,
.righta {
	content: "";
	position: absolute;
	display: block;
	width: 4em;
	height: 8em;
	border-radius: 8em 0 0 8em;
	background-color: #f6f7f8;
}

.righta {
	content: "";
	position: absolute;
	display: block;
	border-radius: 0 8em 8em 0;
}
.lefta {
	transform-origin: right center;

}

.righta {
	transform-origin: left center;

}